/*
Copyright (c) REBUILD <https://getrebuild.com/>. All rights reserved.

rebuild is dual-licensed under commercial and open source licenses (GPLv3).
See LICENSE and COMMERCIAL in the project root for license information.
*/

.chart-box {
	height: 100%;
	padding: 20px 25px;
}

.chart-box.TREEMAP {
	padding-bottom: 25px;
}

.chart-box.INDEX {
	padding-bottom: 0px;
}

.chart-box.high {
	outline: 2px solid #4285f4;
}

.chart-box .chart-body {
	height: 100%;
	z-index: 1;
	margin-top: -20px;
	padding-top: 20px;
}

.chart-box .chart-head {
	position: relative;
	margin: 0;
	z-index: 2;
	background-color: #fff;
}

.chart-box .chart-head .chart-title {
	cursor: move;
	margin-right: 80px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
}

.chart-box .chart-head .chart-title.ui-draggable-disabled {
	cursor: default;
}

.chart-box .chart-head .chart-oper {
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}

.chart-box .chart-head .chart-oper a {
	color: #aaa;
	display: inline-block;
	height: 20px;
	margin-left: 10px;
	padding-left: 3px;
}

.chart-box .chart-head .chart-oper a .zmdi {
	font-size: 1.3rem;
	vertical-align: middle;
}

.chart-box .chart-head .chart-oper a .zmdi-close {
	font-size: 1.43rem;
}

.chart-box .chart-head .chart-oper a:hover {
	color: #5a5a5a;
}

.chart-undata {
	margin: 0;
	color: #999;
	display: inline-block;
	font-size: 1.1rem;
}

.chart-undata>.icon {
	font-size: 3rem;
	display: block;
	text-align: center;
}

.chart-body .chart {
	line-height: normal;
	height: 100%;
	cursor: default;
}

.chart .table {
	margin: 0;
	padding: 0;
	background-color: #fff;
}

.chart.index {
	overflow: hidden;
	position: relative;
	margin-top: -15px;
}

.chart.index>.data-item {
	display: inline-block;
	text-align: left;
	max-width: 100%;
}

.chart.index>.data-item p {
	font-size: 1.1rem;
	color: #888;
	margin-bottom: 1px;
}

.chart.index>.data-item strong {
	font-size: 2.8rem;
	font-weight: 400;
}

.chart.ctable {
	position: relative;
	width: 100%;
	margin-top: 15px;
}

.chart.ctable .table td,
.chart.ctable .table th {
	padding: 8px 10px;
	cursor: default;
	font-size: 1rem;
}

.chart.ctable .table td.active {
	outline: 1px solid #4285f4;
	background-color: #f5f8fd;
}

.chart.ctable .table td:first-child.active {
	border-left: 1px solid #4285f4;
}

.chart.ctable .table th {
	background-color: #dee2e6;
	background-color: #eceff1;
	border-width: 1px;
	font-weight: normal;
}

.chart.ctable .table.line-number thead th:first-child,
.chart.ctable .table.line-number tbody th:first-child {
	width: 50px;
}

.chart.ctable .table.sums tbody tr:last-child td {
	font-weight: bold;
}

.chart-box.ApprovalList,
.chart-box.FeedsSchedule {
	padding: 0;
	padding-top: 20px;
}

.chart-box.ApprovalList .chart-head,
.chart-box.FeedsSchedule .chart-head {
	margin: 0 25px;
}

.chart.ApprovalList,
.chart.FeedsSchedule {
	position: relative;
	width: 100%;
	margin-top: 5px;
}

.chart.FeedsSchedule {
	margin-top: 13px;
}

.chart.ApprovalList .table th,
.chart.FeedsSchedule .table th {
	border-top: 0 none;
	padding-top: 0;
	padding-bottom: 6px;
	font-weight: normal;
}

.chart.ApprovalList .table td,
.chart.FeedsSchedule .table td {
	padding: 8px 10px;
}

.chart.ApprovalList .table tr th:first-child,
.chart.ApprovalList .table tr td:first-child,
.chart.FeedsSchedule .table tr th:first-child,
.chart.FeedsSchedule .table tr td:first-child {
	padding-left: 25px;
}

.chart.ApprovalList .table tr th:last-child,
.chart.ApprovalList .table tr td:last-child,
.chart.FeedsSchedule .table tr th:last-child,
.chart.FeedsSchedule .table tr td:last-child {
	padding-right: 23px;
}

.chart-box.ApprovalList .progress-wrap {
	padding: 10px 25px;
	padding-bottom: 15px;
	background-color: #fff;
}

.chart-box.ApprovalList .progress-wrap.sticky {
	position: sticky;
	top: 0;
}

.chart-box.ApprovalList .progress-wrap .progress-bar:hover {
	cursor: pointer;
	opacity: 0.8;
}

.chart.FeedsSchedule td>.content {
	max-height: 37px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #404040;
	display: inline-block;
	line-height: 1;
}

.chart.FeedsSchedule td>.content:hover {
	opacity: 0.8;
}

.chart.FeedsSchedule td>.content p {
	margin: 0;
	line-height: 1.5;
}

.chart-select-wrap .nav-pills .nav-link {
	padding: 0.7rem 1rem;
}

.chart-list>div {
	border: 1px solid #eee;
	padding: 0;
	max-height: 48px;
	overflow: hidden;
	cursor: default;
}

.chart-list>div+div {
	margin-top: 6px;
}

.chart-list>div:hover {
	border-color: #4285f4;
}

.chart-list>div .title {
	margin-top: 7px;
}

.chart-list>div .title strong,
.chart-list>div .title p {
	margin: 0;
	padding: 0;
	line-height: 1.4;
	font-weight: normal;
}

.chart-list>div .title p>span+span {
	margin-left: 6px;
}

.chart-list>div .title p>span+span::before {
	content: '·';
	color: #aaa;
	margin-right: 6px;
}

.chart-list>div .btn {
	min-width: 0;
	height: 48px;
	line-height: 48px;
	width: 60px;
	background-color: #eee;
	border-radius: 0;
	border: 0 none;
}

.chart-list>div:hover .btn {
	background-color: #4285f4;
	color: #fff;
}

.chart-list>div .delete {
	font-size: 1.2rem;
	color: #a1a1a1;
	display: inline-block;
	padding: 8px;
	margin-top: 3px;
	margin-right: 6px;
	display: none;
}

.chart-list>div:hover .delete {
	display: block;
}

.chart-list>div .chart-icon {
	width: 48px;
	text-align: center;
}

.chart-list>div .chart-icon>i {
	width: 32px;
	height: 32px;
	display: inline-block;
	margin-top: 7px;
	background: url(../img/charts-sprite-1.2.svg) 0 0 no-repeat;
	background-position: -467px -1242px;
}

.chart-list>div .chart-icon>i.TABLE {
	background-position: -832px -1520px;
}

.chart-list>div .chart-icon>i.INDEX {
	background-position: -813px -1238px;
}

.chart-list>div .chart-icon>i.LINE {
	background-position: -1144px -1456px;
}

.chart-list>div .chart-icon>i.BAR {
	background-position: -64px -1520px;
}

.chart-list>div .chart-icon>i.PIE {
	background-position: -1016px -1456px;
}

.chart-list>div .chart-icon>i.FUNNEL {
	background-position: -768px -871px;
}

.chart-list>div .chart-icon>i.TREEMAP {
	background-position: -864px -1520px;
}